<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style lang="scss">
*, html{
  font-family: Avenir, Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
  .el-select-dropdown{
    background: #00298d;
    border: 1px solid #7ca7ff;
  }
  .el-select-dropdown__item{
    color: #FFFFFF;
  }
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
    background: #7ca7ff;
  }
  .el-select-dropdown__item.selected{
    color: #0383f1;
  }
  .el-popper[x-placement^=bottom] .popper__arrow{
    display: none;
  }
}
#app{
  width: 100%;
  height: 100vh;
  //background: linear-gradient(-36deg, #005384, #001591);
  // 滚动条样式
  ::-webkit-scrollbar {
    //display: none;
    width: 0px; // 纵向滚动条
    height: 6px; // 横向滚动条 必写
  }
  ::-webkit-scrollbar-thumb {
    background-color: #FFFFFF;
    border-radius: 3px;
  }
  //::-webkit-scrollbar-track{
  //  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  //  border-radius:3px;
  //  background: #021D4A;
  //}
}
</style>
